<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="s" uri="/struts-tags" %>


<script type="text/javascript" src="js/jquery.itextclear.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('input[type=text], input[type=password], input[type=url], input[type=email], input[type=number], textarea', '.form').iTextClear();
    });
</script>
<!-- jQplot CSS -->

<link rel="stylesheet" media="screen" href="${ctx}/css/Tree.css"/>
<!-- jQplot CSS END -->

<!-- DATATABLES CSS -->
<link rel="stylesheet" media="screen" href="lib/datatables/css/vpad.css"/>
<script type="text/javascript" src="lib/datatables/js/jquery.dataTables.js"></script>
<!-- DATATABLES CSS END -->

<script>
    $(document).ready(function() {
        $('#simple-button').popover('#simple-popover', {});
        $('#top-button').popover('#top-popover', {preventLeft: true, preventRight: true, preventBottom:true});
    });
</script>


<s:if test="#request.listTitle != null && #request.listTitle != ''">
	<h1 class="page-title">${listTitle}</h1>
</s:if>
<s:else>
	<h1 class="page-title">工作说明书-查看</h1>
</s:else>

<div class="container_12 clearfix leading">
<section class="tabs grid_12 leading">
<ul class="clearfix">
    <li><a href="#" class="current">指责及时间安排</a></li>
    <%--<li><a href="#">考核项目</a></li>--%>
    <li><a href="#">需具备的条件</a></li>
    <li><a href="#">工作时间和环境</a></li>
    <li><a href="#">工作关系</a></li>
</ul>
<section>

<DIV class="portlet">
    <header>
        <h5_n>${jobSpecification.duty.dutyName}</h5_n>
        <h2>${jobSpecification.duty.organization.fullName}</h2>
    </header>
    <section class="clearfix">
        <%--<div class="grid_3">
            <dl>
                <dt>职等</dt>
                <dd><h6>经理等级</h6>
                </dd>
            </dl>
        </div>
        <div class="grid_3">
            <dl>
                <dt>职级</dt>
                <dd><h6>1级</h6></dd>
            </dl>
        </div>--%>
        <div class="grid_3">
            <dl>
                <dt>业务负责对象(上)</dt>
                <dd><h6> ${jobSpecification.preDuty.dutyName} </h6></dd>
            </dl>
        </div>
        <div class="grid_3 omega">
            <dl>
                <dt>业务负责对象(下)</dt>
                <dd><h6> ${jobSpecification.nextDuty.dutyName} </h6></dd>
            </dl>
        </div>
    </section>
</DIV>

<section class="clearfix" style="display: block;">
    <Div class="grid_12 leading">
        <dl>
            <dt>岗位职责</dt>
            <dd> ${jobSpecification.taskContent} </dd>
            <dt style="padding-top:10px">主要工作项目</dt>
        </dl>
        <s:iterator value="#request.projects" var="project" status="sta">
        <div class="message info">
            <h3>${project.content}</h3>
            <p>
                <s:if test="#request.project.rateDay != null and #request.project.rateDay.length > 0"> 每日 ${rateDay} 时 </s:if>
                <s:if test="#request.project.rateWeek != null and #request.project.rateWeek.length > 0"> 每周 ${rateWeek} 时 </s:if>
                <s:if test="#request.project.rateMonth != null and #request.project.rateMonth.length > 0"> 每月 ${rateMonth} 时 </s:if>
                <s:if test="#request.project.rateSeason != null and #request.project.rateSeason.length > 0"> 每日 ${rateSeason} 时 </s:if>
            </p>
            <div class="progress"><span style="width: ${project.percent}%;"><b>${project.percent}%</b></span></div>
            <p>${project.degree}</p>
        </div>
        </s:iterator>
    </Div>
</section>

<%--
<section class="clearfix" style="display: none;">
    <header class="grid_12 alpha omega"></header>
    <Div class="grid_12 leading">
        <div class="grid_3">
            <dl>
                <dt>行政考核</dt>
                <dd>${jobSpecification.xzExamine}</dd>
                <dt>下属考核</dt>
                <dd>${jobSpecification.xsExamine}</dd>
            </dl>
        </div>
        <div class="grid_3">
            <dl>
                <dt>人事考核</dt>
                <dd>${jobSpecification.rsExamine}</dd>
                <dt>财务考核</dt>
                <dd>${jobSpecification.cwExamine}</dd>
            </dl>
        </div>
        <div class="grid_3">
            <dl>
                <dt>主管考核</dt>
                <dd>${jobSpecification.zgExamine}</dd>
                <dt>关键绩效指标考核</dt>
                <dd>${jobSpecification.jxExamine}</dd>
            </dl>
        </div>
        <div class="grid_3">
            <dl>
                <dt>同事考核</dt>
                <dd>${jobSpecification.tsExamine}</dd>
            </dl>
        </div>
    </Div>
</section>
 --%>

<section class="clearfix" style="display: none;">
    <Div class="grid_12 leading">
        <div class="grid_3">
            <dl>
                <dt>性别</dt>
                <dd>${jobSpecification.sex.name}</dd>
                <dt>英文程度</dt>
                <dd>${jobSpecification.english.name}</dd>
            </dl>
        </div>
        <div class="grid_3">
            <dl>
                <dt>学历</dt>
                <dd>${jobSpecification.education.name}</dd>
            </dl>
        </div>
        <div class="grid_3">
            <dl>
                <dt>培训</dt>
                <dd>${jobSpecification.training}</dd>
            </dl>
        </div>
        <div class="grid_3">
            <dl>
                <dt>证书</dt>
                <dd>${jobSpecification.certificate}</dd>
            </dl>
        </div>
    </Div>

    <Div class="grid_12 leading">
        <div class="grid_12">
            <dl>
                <dt>工作经验能力</dt>
                <dd>${jobSpecification.experience}</dd>
            </dl>
        </div>
    </Div>


</section>
<section class="clearfix" style="display: none;">
    <Div class="grid_12 leading">
        <div class="grid_3">
            <dl>
                <dt>工作时间</dt>
                <dd>${jobSpecification.jobTime}</dd>
            </dl>
        </div>
        <div class="grid_3">
            <dl>
                <dt>工作环境</dt>
                <dd>${jobSpecification.jobEnvironment}</dd>
            </dl>
        </div>
    </Div>
</section>
<section class="clearfix" style="display: none;">
    <Div class="grid_12 leading">
        <div class="grid_3">
            <dl>
                <dt>可晋升职位</dt>
                <dd>${jobSpecification.jsJob.dutyName}</dd>
            </dl>
        </div>
        <div class="grid_3">
            <dl>
                <dt>可轮换职位</dt>
                <dd>${jobSpecification.lhJob.dutyName}</dd>
            </dl>
        </div>
        <div class="grid_3">
            <dl>
                <dt>可代理职位</dt>
                <dd>${jobSpecification.dlJob.dutyName}</dd>
            </dl>
        </div>
        <div class="grid_3">
            <dl>
                <dt>可晋升至此的职位</dt>
                <dd>${jobSpecification.jszcJob.dutyName}</dd>
            </dl>
        </div>
    </Div>


</section>
</section>
</section>


<div id="backlayout" class="tabs side grid_12 leading">

    <div class="clear"></div>
    <div class="grid_12">

        <div class="form-action clearfix">
            <p>
                <a href="#rank/job_specification.xhtml?operation=${operation}" class="button"><span class="icon" style="background:url(${ctx}/images/img/arrow_undo.png)">&nbsp;</span>返回</a>
            </p>
        </div>

    </div>


</div>
</div>

<div class="clear"></div>


<script type="text/javascript" src="js/Tree.js"></script>
<!-- POPOVER SETUP--><script type="text/javascript" src="js/Tree.js"></script>
